<link href="/resources/buttons/css/buttons.css" rel="stylesheet">
<link rel="stylesheet" href="/resources/flexslider/flexslider.css" type="text/css" media="screen" />
<script src="/resources/flexslider/jquery.flexslider.js"></script>
<link href="/css/imageslider.css" rel="stylesheet">
<div class="flexslider imagesilder">
    <ul class="slides">
        <%
          var images = [];
        if(bean.imagelist.length==1) {

            images = bean.imagelist;
        } else {
            images = bean.imagelist[0];
        }

        %>
        <% images.forEach(function(imgsrc){ %>
        <li>
            <img src="<%=imgsrc%>" class="imageitem"/>
        </li>
        <% }) %>
    </ul>
</div>
<div id='myctrl' class="myctrl">
    <button onclick='playprev()' class="button button-rounded button-highlight">上一张</button>
    <button onclick='playnext()' class="button button-rounded button-highlight">下一张</button>
</div>

<script src="/resources/imagesilder.js"></script>